<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>"> 
    <title>最新推荐</title>
     <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
   	<link href="css2/personalcenter.css" rel='stylesheet' type='text/css'/>
   	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   	<script language="javascript" src="js2/personalcenter.js"></script>
</head>
<body style="background-color: #EEEEEE">
<div class="container">
	<div id="hot_header" style="background-image:url(img/header.png);">
		<div class="row" style="height:140px;  padding-bottom: 10px;margin-top: 10px;margin-bottom: 1px;">
			<div style="padding-left: 30px;padding-top: 10px">
				<img class="img_logo" alt="logo" src="img/logomin.png" />
			</div>			
		</div>
	</div>
	<div>
	<nav class="navbar navbar-inverse" style="margin-bottom: 1px">
	<div class="container-fluid" style="padding-top: 7px;">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">		  
		  <a class="navbar-brand" href="MianPagelistServlet">首页</a>
		</div>
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		  <ul class="nav navbar-nav">
			  <li><a class="navbar-link" href="servlet/Hot_Servlet"><font><strong>热门排行</strong></font></a></li>
			  <!-- 
			  <li><a class="navbar-link" href="type.jsp"><font><strong>分类</strong></font></a></li>
			   -->
			  <li><a class="navbar-link" href="servlet/Rec_Servlet"><font><strong>最新推荐</strong></font></a></li>			
		  	<li><a class="navbar-link" href="servlet/StarVideo_Servlet"><font><strong>星级推荐</strong></font></a></li>			
		  	<li><a class="navbar-link" href="servlet/Randon_Servlet"><font><strong>随便看看</strong></font></a></li>			
		  </ul>
		</div><!-- /.navbar-collapse -->
	</div><!-- /.container-fluid -->
	</nav>
	</div>
<div id="left">	 
<div><div style="float: left;"><img src="img/排行榜.png" width="60" height="40"></div><div style="font-size: xx-large;float: left;">最新推荐</div></div>
	<c:forEach items="${rec_list}" var="m">
		 <table border="0" width="100%" cellspacing="0" style="margin-top: 30px;margin-bottom: 30px">
			<tr>
	    		<td rowspan="3" width="300px">
	    		 	<a href="servlet/Skip_servlet?title=${m.m_title}" target="_blank">
	    		 		<img src="${m.m_pic}" width="300px" height="200px">
	    		 	</a>
	    		</td>
	    		<td><font style="font-size:large;font-weight: bold; padding-left: 30px;padding">${m.m_title}</font>
	    			<br><br><font style="color: orange; padding-left: 30px"><img src="images/xingxing.png">&nbsp${m.m_grade}</font>
	    			<br><br><font style="color:grey;padding-left: 30px">${m.m_sdescribe}</font>
	    		</td>
			</tr>	
			<tr>
				<td>&nbsp<br>&nbsp<br>&nbsp<br></td>
			</tr>			
			<tr>
	    		<td><font style="font-size:small; color:grey;padding-left: 30px">${m.m_pub_time}
	    		<div style="float: right; padding-right: 20px"><img src="img/comment.png" width="20px" height="20px">&nbsp${m.m_comment_num}</div>
	    		<div style="float: right; padding-right: 20px"><img src="img/点赞.png" width="15px" height="15px">&nbsp${m.m_great_num}</div>
	    		<div style="float: right; padding-right: 20px"><img src="img/share.png" width="15px" height="15px">&nbsp<%=(int)(Math.random()*577)%></div>	
	    		</font></td>	   		
			</tr>
		</table>
	</c:forEach>
 </div>
 <div id="right">
 	<img src="https://cs.vmovier.com/Uploads/cover/2018-07-11/5b459db5cdf72_cut.jpeg@600w_400h_1e_1c.jpg" width="300px" height="200px">
 	<div>
 		<div style="font-size: large; padding-left: 20px"><br><hr><img src="img/link.png " width="20px" height="20px"/>友情链接</div>	
 		<br>				
		<div>
			<ul>
				<li><a class="btn btn-success btn-lg" href="https://www.youku.com/" role="button" style="margin-bottom: 10px;">优酷网</a></li>
			<li><a class="btn btn-success btn-lg" href="https://www.vmovier.com/" role="button" style="margin-bottom: 10px;">场库</a></li>
			<li><a class="btn btn-success btn-lg" href="http://www.v1.cn/" role="button" style="margin-bottom: 10px;">第一视频网</a></li>
			<li><a class="btn btn-success btn-lg" href="https://https://tuchong.com/video/" role="button" style="margin-bottom: 10px;">图虫短视频</a></li>
			<li><a class="btn btn-success btn-lg" href="https://https://www.bilibili.com/" role="button" style="margin-bottom: 10px;">哔哩哔哩</a></li>
			<li><a class="btn btn-success btn-lg" href="http://www.iqiyi.com/" role="button" style="margin-bottom: 10px;">爱奇艺视频</a></li>
			</ul>				
		</div>
 	</div>
 </div>
</div>
</body>
</html>
